{# Approval cards (#1368): the change queue's confirmation surface, defined
   once and shown in the chat (a reply carries the cards its tools proposed)
   and in the review list. The rows are the queue's own description of the
   change, resolved from the database, never the model's words. Approve and
   Reject swap the card for its new state. #}
{% from "components/macros/form.html" import action, checkbox %}
{% from "components/macros/feedback.html" import error_banner %}
{% from "components/macros/layout.html" import badge, facts %}

{# The frame both cards share: a title line, its right-hand side as the
   caller's body, then ``rows``. A batch is a form so its "skip" boxes ride
   along: htmx sends the enclosing form's fields with a button's POST. #}
{% macro _card(tag, id, data, title, side, by=none) %}
<{{ tag }} id="{{ id }}" {{ data }} class="my-2 border border-aegis-border rounded-lg p-3 text-sm bg-aegis-card">
  <div class="flex items-center justify-between gap-3">
    <span class="font-medium text-aegis-text">{{ title }}</span>
    <span class="text-xxs">{{ side }}</span>
  </div>
  {% if by %}<div class="text-xs text-aegis-muted">{{ by }}</div>{% endif %}
  {{ caller() }}
</{{ tag }}>
{% endmacro %}

{% macro _actions(url, target, reject) %}
{% set swap = 'hx-target="#' ~ target ~ '" hx-swap="outerHTML"' %}
<div class="mt-3 flex gap-2">
  {{ action("Approve", 'hx-post="' ~ url ~ '/approve" ' ~ swap, tone="primary") }}
  {{ action(reject, 'hx-post="' ~ url ~ '/reject" ' ~ swap, tone="danger") }}
</div>
{% endmacro %}

{% macro change_card(change) %}
{% call _card("div", "change-" ~ change.id, "data-change", change.title, badge(change.label, change.tone), change.by) %}
  <div class="mt-2">{{ facts(change.display) }}</div>
  {% if change.error %}<div class="mt-2">{{ error_banner([change.error]) }}</div>{% endif %}
  {% if change.status == "pending" %}{{ _actions(change.url, "change-" ~ change.id, "Reject") }}{% endif %}
{% endcall %}
{% endmacro %}

{% macro batch_card(batch) %}
{% set count = batch.rows|length %}
{% call _card("form", "batch-" ~ batch.batch_id, "data-change-batch", batch.title, count ~ (" change" if count == 1 else " changes"), batch.by) %}
  <ul class="mt-2 space-y-2">
    {% for row in batch.rows %}
    <li class="border-t border-aegis-border/50 pt-2 first:border-0 first:pt-0">
      <div class="flex items-center justify-between gap-3">
        {% if row.status == "pending" %}{{ checkbox("exclude_ids", label="Skip this one", value=row.id) }}{% endif %}
        <span class="text-xxs ml-auto">{{ badge(row.label, row.tone) }}</span>
      </div>
      <div class="mt-2">{{ facts(row.display) }}</div>
      {% if row.error %}<div class="mt-2">{{ error_banner([row.error]) }}</div>{% endif %}
    </li>
    {% endfor %}
  </ul>
  {% if batch.pending %}{{ _actions(batch.url, "batch-" ~ batch.batch_id, "Reject all") }}{% endif %}
{% endcall %}
{% endmacro %}